<template>
  <div class="pdf_container" v-loading="loading">
    <iframe id="pdf_frame" name="pdf_frame" :src="pdfSrc" />
  </div>
</template>

<script>
import { downloadFile } from "@/api/file";
export default {
  //import引入组件才能使用
  components: {},
  props: {
    fileToken: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      pdfSrc: "",
      loading: false,
    };
  },
  // 计算属性
  computed: {},
  // 监听data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    getFile() {
      this.loading = true;
      downloadFile(this.fileToken).then((res) => {
        this.pdfSrc = URL.createObjectURL(res.data);
        this.loading = false;
      });
    },
  },
  // 生命周期，创建完成时（可以访问当前this实例）
  created() {
    this.getFile();
  },
  // 生命周期：挂载完成时（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期：创建之前
  beforeMount() {}, //生命周期：挂载之前
  beforeUpdate() {}, //生命周期：更新之前
  updated() {}, //生命周期：更新之后
  beforeDestroy() {}, //生命周期：销毁之前
  destroyed() {}, //生命周期：销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发执行
};
</script>
<style scoped lang="scss">
.pdf_container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  #pdf_frame {
    width: 100%;
    height: 550px;
  }
}
</style>
